<template>	<view class="search_item" hover-class="hoverClassList">				<view class="left">			<view class="cover">				<image 				:src="data.avatar?data.avatar:'/static/avatar/default_avatar.png'" 				class="image"></image>			</view>						<view class="name">				<text class="text">{{data.name}}</text>			</view>		</view>				<view class="right">			<text class="iconfont">&#xe65f;</text>		</view>			</view>
</template>

<script setup>	const props = defineProps({		data:{			type: Object,			default: () => {}		}	})	
</script>

<style lang="less" scoped>	.search_item{		padding: 10rpx 20rpx;		display: flex;		flex-direction: row;		align-items: center;		justify-content: space-between;		border-bottom: 2rpx solid #eee;		background-color: #fff;		.left{			display: flex;			flex-direction: row;			align-items: center;			.cover{				.image{					width: 80rpx;					height: 80rpx;					border-radius: 20rpx;				}			}			.name{				margin-left: 30rpx;				.text{						color: #333;						font-size: 35rpx;				}			}		}	}
</style>